.container {
    position: relative;
    width: 100%;
    height: 100%;

    .loading {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 2;
        display: flex;
        align-items: center;
        border-radius: 12px;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.14) 49.5%, rgba(255, 255, 255, 0.08) 100%);
        animation: loadingAnimation 1.5s linear infinite;
        background-size: 200%;
    }

    @keyframes loadingAnimation {
        0% {
            background-position: 100% 50%;
        }

        100% {
            background-position: 0 50%;
        }
    }

    .hidden {
        visibility: hidden;
    }

    .image {
        width: 100%;
        height: 100%;
        aspect-ratio: 1 / 1;
        position: absolute;
        z-index: 1;
        // z-index: auto;
        left: 0;
        top: 0;
        background-color: var(--color-fill-2);

        :global {
            img {
                width: 100%;
                height: 100%;
                object-fit: contain;
            }
        }
    }
}
